.page{
  padding-top: 40px;
  &-top{
    display: flex;
    align-items:center;
    padding: 0 30px;
    &-headName{
      margin: 0 20px;
    }
    &-Image{
      width: 112px;
      height: 112px;
      border-radius: 50%;
    }
    &-name{
      font-size: 34px;
      color: #453f49;

    }
    &-subName{
      font-size:26px;
      color: #ffc05c;
    }
    &-hospital{
      font-size: 34px;
      color: #453f49;
    }
  }
  &-main{
    margin-top: 36px;
    &-textarea{
      margin-bottom: 30px;
      padding: 0 30px;
    }
    &-addBorder{
      border: 3px dashed #bdbcbe;
      width: 207px;
      height: 207px;
      display: flex;
      justify-content: center;
      align-items:center;
      border-radius: 10px;
    }
    &-addImage{
      text-align: center;
    }
    &-addText{
      margin-top: 20px;
      font-size: 26px;
      color: #bdbcbe;
    }
    &-addTips{
      width: 100%;
      font-size: 30px;
      color: #99969a;
    }
    &-imagelist{
      padding:0 20px;
    }
    .addUpImage{
      width: 210px;
      height: 210px;
      border-radius: 10px;
    }
  }
  &-bottom{
    padding: 30px;
    &-tips{
      font-size: 30px;
      &-color{
        color: #fc5074;
      }
      &-number{
        color: #ae58ed;
      }
    }
  }
}
.image-list-center{
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px 10px;
}
.close{
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: #fc5074;
  border-radius: 50%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  .icon-close{
    color: #fff;
  }
}

.at-textarea{
  border: none !important;
  background: #ececec !important;
}
